﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TicketMovie.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Modal form</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
    <link href="page.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script src="jquery-ui-1.10.1.custom.js" type="text/javascript"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <style>
    body { font-size: 62.5%; }
    label, input { display:block; }
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }
  </style>
  <script>
      $(function () {
          var name = $("#name"),
      email = $("#email"),
      password = $("#password"),
      allFields = $([]).add(name).add(email).add(password),
      tips = $(".validateTips");

          



          $("#ddd").dialog({
              autoOpen: false,
              height: 300,
              width: 350,
              modal: true,
          });

          $("#create-user")
      .button()
      .click(function () {
          $("#ddd").dialog("open");
      });
      });
  </script>
</head>
<body>
 

    <div id="ddd" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" style="outline: 0px; z-index: 1002; height: auto; width: 450px; top: 113px; left: 407px; display: block;" tabindex="-1" role="dialog" aria-labelledby="ui-id-9"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-9" class="ui-dialog-title">Đăng nhập</span><a href="https://www.galaxycine.vn/#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="winPopupSignIn" error="title" apply="winUsersLogin" class="j-window ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: auto;" scrolltop="0" scrollleft="0">
	
	
<div class="ui-content-l"></div><div class="ui-content-c"><div id="summary" class="alert alert-error summary hide" for="winPopupSignIn"></div>
<form id="formLogin" action="https://www.galaxycine.vn/redirect?url=%2F" method="POST"><table class="j-grid">
		<thead class="j-columns"><tr>
			<th width="120px" class="j-column"></th>

			<th class="j-column"></th>

		</tr></thead>

		<tbody class="j-paging-content j-rows">
			<tr class="j-row">
				<td class="j-row-cell">Tên đăng nhập:</td>

				<td align="right" class="j-row-cell">
					<input id="txtUsername" name="username" valid="required" v.name="Tên đăng nhập" style="width: 220px" a="1" class="j-textbox" maxlength="50">

				</td>

			</tr>

			<tr class="odd j-row">
				<td class="j-row-cell">Mật khẩu:</td>

				<td align="right" class="j-row-cell">
					<input id="txtPassword" type="password" name="password" v.name="Mật khẩu" valid="required" style="width: 220px" a="1" class="j-textbox" maxlength="50">

				</td>

			</tr>

			<tr class="j-row">
				<td colspan="2" align="right" class="j-row-cell">
					<button type="button" id="btnSave" class="medium j-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Đăng nhập</span></button>

				</td>

			</tr>

			<tr class="odd j-row">
				<td colspan="2" class="j-row-cell">
					<a id="btnForgot" class="j-tbutton"><span class="j-tbutton-text">Quên mật khẩu?</span></a>

					<a id="btnActiveEmail" style="margin: 0px 55px;" class="j-tbutton"><span class="j-tbutton-text">Gửi email kích hoạt</span></a>

					<a id="btnSignUp" href="https://www.galaxycine.vn/vi/dang-ky-dang-nhap" class="j-tbutton"><span class="j-tbutton-text">Đăng ký</span></a>

				</td>

			</tr>

		</tbody>

	</table>
</form></div></div><div class="ui-dialog-root"><div class="ui-root-l"></div><div class="ui-root-c"></div></div></div>

 
 
<div id="users-contain" class="ui-widget">
  <h1>Existing Users:</h1>
  <table id="users" class="ui-widget ui-widget-content">
    <thead>
      <tr class="ui-widget-header ">
        <th>Name</th>
        <th>Email</th>
        <th>Password</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John Doe</td>
        <td>john.doe@example.com</td>
        <td>johndoe1</td>
      </tr>
    </tbody>
  </table>
</div>
<button id="create-user">Create new user</button>
 
 
</body>
</html>